<template>
  <div class="about">
    <h1>This is an about page</h1>
    <svg-icon name="message"></svg-icon>
    <PageIndex></PageIndex>
    <p class="test">hhhh</p>
  </div>
</template>
<script setup lang="ts">
import { login } from '@/api/user'
// import request from '@/utils/request'
// import axios from 'axios'
const getData = async () => {
  console.log(2222)
  // const response = await request({
  //   url: 'getData',
  //   method: 'get',
  // })
  const response = await login({
    username: 'admin',
    password: '11441111',
  })
  // const response = request({
  //   url: '/getData',
  //   method: 'post',
  //   data: {
  //     username: 'admin',
  //     password: '11441111',
  //   },
  // })

  console.log(response.code)
}
getData()
</script>
<style scoped lang="scss">
@media (min-width: 1024px) {
  .about {
    display: flex;
    align-items: center;
    min-height: 100vh;
  }
}

.test {
  color: $primary-color;
}
</style>
